/**index.wxss**/
.container {
  position: relative;
  .timer {
    margin-top: 15rpx;
    .end-text {
      margin-right: 10rpx;
    }
    .item-wrap {
      color: #07c160;
      .item {
        display: inline-block;
        width: 30rpx;
        margin: 0rpx 5rpx;
        color: #07c160;
        font-size: 20rpx;
        text-align: center;
        background-color: #fff;
        border-radius: 4rpx;
      }
    }
  }
  .search-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
  }
  .bg-img {
    top: 0;
    position: absolute;
    image {
      width: 750rpx;
      // height: 400rpx;
    }
  }
  .swiper-wrap {
    margin-bottom: 15px;
    swiper {
      height: 240rpx;
    }
    .swiper-item {
      image {
        border-radius: 18.12rpx;
        overflow: hidden;
        width: 690rpx;
        height: 240rpx;
      }
    }
  }
  .seckill-wrap {
    margin-bottom: 10px;
    .seckill {
      justify-content: space-between;
      padding: 16rpx 30rpx;
      background-color: #07c160;
      color: #fff;
      .left-icon {
        margin-right: 20rpx;
        image {
          width: 47rpx;
          height: 44rpx;
          margin-right: 10rpx;
        }
        view {
          // border: 1px solid red;
          width: 60rpx;
          font-size: 30rpx;
          line-height: 36rpx;
        }
      }
      .time-wrap {
        .time-item {
          margin: 0 10rpx;
          .time-text {
            font-size: 30rpx;
          }
        }
      } 
      .active-btn {
        font-size: 30rpx;
        color: #fff;
        padding: 6rpx 15rpx;
        border-radius: 25.5rpx;
        background-color: #fff;
        color: #07c160;
      }
    }
  }
  .goods-wrap {
    .goods-list {
      .goods-item {
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 15rpx;
        margin-bottom: 20rpx;
        .item-content {
          align-items: stretch;
          margin-bottom: 20rpx;
          .good-img {
            margin-right: 15rpx;
            width: 281rpx;
            height: 231rpx;
            border-radius: 18.12rpx;
          }
          .right-info {
            justify-content: space-between;
            .title {
              font-weight: bolder;
              font-size: 28rpx;
            }
            .tag {
              font-size: 24rpx;
              margin-bottom: 25rpx;
              text {
                margin-right: 5rpx;
                color: #666666;
              }
            }
            .sale-info {
              margin-bottom: 15rpx;
              background-color: #fee7e8;
              border-radius: 15.5rpx;
              padding: 5rpx 10rpx;
              font-size: 20rpx;
              color: #603b41;
              image {
                width: 17rpx;
                height: 21rpx;
                margin-right: 10rpx;
              }
            }

            .price-wrap {
              margin-bottom: 15rpx;
              width: 400rpx;
              justify-content: space-between;
              .price {
                font-size: 28rpx;
                color: #fb1438;
                .right {
                  margin-left: 20rpx;
                  text-decoration: line-through;
                  color: #666666;
                }
                .symbol {
                  font-size: 24rpx;
                }
              }
            }
          }
        }
        .other-user {
          justify-content: space-between;
          font-size: 24rpx;
          color: #999999;
          .img-list {
            margin-right: 15rpx;
            .img-item {
              image {
                display: block;
                width: 36rpx;
                height: 36rpx;
                border-radius: 50%;
                margin: 0 8rpx;
              }
            }
          }
          .right-text {
            border-left: 1px solid #999999;
            padding-left: 15rpx;
          }
        }
      }
    }
  }
  .rush-wrap {
    background-color: #07c160;
    margin-bottom: 15rpx;
    .rush {
      .nav-style {
        background-color: #07c160;
      }
    }
    .goods-wrap {
      padding: 30rpx;
      .goods-list {
        .goods-item {
          // border: 1px solid red;
          padding: 20rpx;

          border-radius: 18.12rpx;
          overflow: hidden;
          background-color: #fff;
          .item-content {
            margin-bottom: 0;
            .right-info {
              padding: 0rpx 20rpx 0 0;
            }
          }
          &:last-child {
            margin-bottom: 0;
          }
          .other-user {
            margin: 20rpx -15rpx 0;
            .img-list {
              margin-right: 8rpx;
            }
          }
        }
      }
    }
  }
}
